$hd: 2 !default; // 基本单位
/* The Color of O2Team Brand */

$color-brand: #BA241B !default;
// $color-price :#FF2657 !default;
$color-price :#BA241B !default;
$color-brand-light: #78A4F4 !default;
$color-brand-dark: #346FC2 !default;
/* Color */

$color-success: #13CE66 !default;
$color-error: #FF4949 !default;
$color-warning: #FFC82C !default;
$color-info: #78A4FA !default;
/* Color Palette */

$color-black-0: #000 !default;
$color-black-1: #333 !default;
$color-black-2: #7F7F7F !default;
$color-black-3: #B2B2B2 !default;
$color-grey-0: #333 !default;
$color-grey-1: #666 !default;
$color-grey-2: #999 !default;
$color-grey-3: #CCC !default;
$color-grey-4: #E5E5E5 !default;
$color-grey-5: #F0F0F0 !default;
$color-grey-6: #F7F7F7 !default;
$color-white: #FFF !default;
/* Text Color */

$color-text-base: #666 !default; // 文字的基本色
$color-text-base-inverse: #FFF !default; // 反色
$color-text-secondary: #36D57D !default; // 辅助色
$color-text-placeholder: #C9C9C9 !default;
$color-text-info: #999 !default; // 说明颜色 
$color-text-disabled: #ACACAC !default; // 禁用颜色
$color-text-title: #2C405A !default; // 文章标题
$color-text-paragraph: #3F536E !default; // 文章段落
/* Link */

$color-link: #6190E8 !default;
$color-link-hover: #79A1EB !default;
$color-link-active: #4F7DE2 !default;
$color-link-disabled: #BFBFBF !default;
/* 背景色 */

$color-bg: #f1f1f1 !default;
$color-bg-base: #FAFBFC !default;
$color-bg-light: #ECF5FD !default;
$color-bg-lighter: tint($color-bg-light, 50%) !default;
$color-bg-grey: #F7F7F7 !default;
/* 边框颜色 */

$color-border-base: #F3F3F3 !default;
$color-border-split: tint($color-border-base, 20%) !default; // 分割线
$color-border-light: tint($color-border-base, 30%) !default;
$color-border-lighter: tint($color-border-base, 50%) !default;
$color-border-lightest: tint($color-border-base, 80%) !default;
$color-border-grey: #CCC !default;
/* 图标颜色 */

$color-icon-base: #CCC !default;

/* z-index */
$zindex-divider: 100 !default;
$zindex-steps: 500 !default;
$zindex-tab: 600 !default;
$zindex-form: 700 !default;
$zindex-nav: 800 !default;
$zindex-search-bar: 800 !default;
$zindex-indexes: 805 !default;
$zindex-flot-layout: 810 !default;
$zindex-drawer: 900 !default;
$zindex-modal: 1000 !default;
$zindex-action-sheet: 1010 !default;
$zindex-picker: 1010 !default;
$zindex-curtain: 1080 !default;
$zindex-message: 1090 !default;
$zindex-toast: 1090 !default;


@mixin t($time) {
  transition: all unquote($time+'s') cubic-bezier(0, 0.64, 0.35, 0.25);
  -moz-transition: all unquote($time+'s') cubic-bezier(0, 0.64, 0.35, 0.25);
  -webkit-transition: all unquote($time+'s') cubic-bezier(0, 0.64, 0.35, 0.25);
  -o-transition: all unquote($time+'s') cubic-bezier(0, 0.64, 0.35, 0.25);
}

// 文本截断
@mixin text-overflow($row) {
  line-height: 1.3;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: $row;
  -webkit-box-orient: vertical;
}

/**
 * 通用的遮罩
 */
@mixin overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba($color: #000, $alpha: 0.3);
}

@mixin line($num: 1) {
  overflow: hidden;
  text-overflow: ellipsis;

  @if ($num==1) {
    white-space: nowrap;
  }

  @else {
    display: -webkit-box;
    -webkit-line-clamp: $num;

    /* autoprefixer: off */
    -webkit-box-orient: vertical;
  }
}

@mixin border ($color) {
  content: "";
  /* 注意这里为双引号 */
  position: absolute;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1PX solid $color;
  border-radius: 100px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}